<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/paint.css">
</head>
<body>
    <!-- 头部 -->
    <header>
        <div class="head">
          <div class="logo">
            <a href="./index.html" class="link_a">
              <img src="./images/logo.png" alt="" />
            </a>
          </div>
          <!--个人信息 -->
          <div class="user_info">
            <div class="link">
              <span><a class="link_a" href="./login.html">登录</a></span>
              <span>|</span>
              <span><a class="link_a" href="./regesiter.html">注册</a></span>
            </div>
            <div class="search">
              <input type="text" placeholder="热门搜索：干花花瓶" />
              <a class="link_a" href=""><button></button></a>
            </div>
            <div class="icon">
              <a href="./usercenter.html" class="link_a">
                <img src="./images/grzx.png" alt="" />
              </a>
              <a href="" class="link_a">
                <img src="./images/ewm.png" alt="" />
                <div class="ewm_icon_pic_none">
                  <img src="./images/smewm.png" alt="">
                </div>
              </a>
              <a href="./cart.html" class="link_a">
                <img src="./images/gwc.png" alt="" />
              </a>
            </div>
          </div>
        </div>
        <!-- 导航 -->
        <nav>
          <!-- <div class="navigation">
  
            </div> -->
          <div class="navigation">
            <a href="" class="link_a">首页</a>
            <a href="" class="link_a" name="all">
              所有商品
              <!-- 根据nav定位 -->
              <div class="all_product">
                <!-- 全部商品 漂浮 -->
                <div class="center">
  
                  <div class="product_item">
                    <div>
                      <img src="./images/nav1.jpg" alt="">
                    </div>
                    <div>浓情欧式</div>
                  </div>
                  <div class="product_item">
                    <div>
                      <img src="./images/nav5.jpg" alt="">
                    </div>
                    <div>浪漫美式</div>
                  </div>
                  <div class="product_item">
                    <div>
                      <img src="./images/nav6.jpg" alt="">
                    </div>
                    <div>浓情欧式</div>
                  </div>
                  <div class="product_item">
                    <div>
                      <img src="./images/nav7.jpg" alt="">
                    </div>
                    <div>浓情欧式</div>
                  </div>
                  <div class="product_item">
                    <div>
                      <img src="./images/nav8.jpg" alt="">
                    </div>
                    <div>浓情欧式</div>
                  </div>
                </div>
                <!-- 全部商品 漂浮 -->
              </div>
            </a>
            <a href="" class="link_a" name="accessories">
              装饰配件  
               <!-- 样式  -->
              <div class="css">
                <div class="center">
                  <span>干花花艺</span>
                  <span>花瓶花艺</span>
                </div>
              </div>     
            </a>
               <!-- 样式  --> 
            
            <a href="" class="link_a" name="decorations">
              布艺软饰
              <div class="decorations">
                <div class="content">
                  <span>桌布罩件</span>
                  <span>抱枕靠枕</span>
                </div>
              </div>   
            </a>
            <a href="./paint.html" class="link_a">墙饰壁挂</a>
            <a href="" class="link_a">蜡艺香薰</a>
            <a href="" class="link_a">创意家居</a>
          </div>
        </nav>
        <!-- 导航 -->
    </header>
    <!-- 头部 -->

    <!-- 电梯导航 -->
    <div class="goTop">
        <!-- 第一个 -->
        <div>
            <div class="goPay">
                <div>去购</div>
                <div>物车</div>
            </div>
        </div>
        <!-- 第一个 -->
        <!-- 第二个 -->
        <div>
            <div>
                联系客服
            </div>
        </div>
        <!-- 第二个 -->
        <!-- 第三个 -->
        <div>
            <div>
                个人中心
            </div>
        </div>
        <!-- 第三个 -->
        <!-- 第四个 -->
        <div>
            <div>
            返回顶部
            </div>
        </div>
        <!-- 第四个 -->
        </div>

    <!-- 电梯导航 -->

    <!-- 轮播图 -->
    <div class="banner">
        <a href="#"><img src="./images/temp/banner2.jpg"></a>
    </div>
    <!-- 轮播图 -->

    <main>
      <!-- 当前页面指示 -->
      <div class="position">
          <div class="link">
              <span>
              <a href="" class="link_a"> 首页 </a>
              </span>
              <span> / </span>
              <span>
              <a href="./paint.html" class="link_a"> 墙饰壁挂 </a>
              </span>
          </div>
      </div>
      <!-- 当前页面指示 -->

      <!-- 第一个商品展示 -->
      <div class="category1">
          <div class="title">
              <img src="./images/temp/tit01.jpg" alt="">
          </div>
          <div class="paint">
              <a href="">
                  <img src="./images/temp/temp/paint01.jpg" alt="">
              </a>
          </div>
          <div class="goods">
              <div class="good">
                  <a href="" class="link_a">
                      <img src="./images/temp/temp/sec101.jpg" at="">
                      <div>新中式客厅山水装饰画墙壁挂画</div>
                      <div>299.00</div>
                  </a>
              </div>
              <div class="good">
                  <a href="" class="link_a">
                      <img src="./images/temp/temp/sec102.jpg" at="">
                      <div>新中式客厅山水装饰画墙壁挂画</div>
                      <div>299.00</div>
                  </a>
              </div>
              <div class="good">
                  <a href="" class="link_a">
                      <img src="./images/temp/temp/sec103.jpg" at="">
                      <div>新中式客厅山水装饰画墙壁挂画</div>
                      <div>299.00</div>
                  </a>
              </div>
              <div class="good">
                  <a href="" class="link_a">
                      <img src="./images/temp/temp/sec104.jpg" at="">
                      <div>新中式客厅山水装饰画墙壁挂画</div>
                      <div>299.00</div>
                  </a>
              </div>
              <div class="good">
                  <a href="" class="link_a">
                      <img src="./images/temp/temp/sec105.jpg" at="">
                      <div>新中式客厅山水装饰画墙壁挂画</div>
                      <div>299.00</div>
                  </a>
              </div>
              <div class="good">
                  <a href="" class="link_a">
                      <img src="./images/temp/temp/sec106.jpg" at="">
                      <div>新中式客厅山水装饰画墙壁挂画</div>
                      <div>299.00</div>
                  </a>
              </div>

          </div>
      </div>
      
      <!-- 第一个商品展示结束 -->
      <div class="category2">
          <div class="title">
            <img src="./images/temp/tit02.jpg" alt="">
        </div>
        <div class="paint">
            <a href="">
                <img src="./images/temp/temp/paint01.jpg" alt="">
            </a>
        </div>
        <div class="goods">
        <div class="good">
            <a href="" class="link_a">
                <img src="./images/temp/temp/sec201.jpg" at="">
                <div>新中式客厅山水装饰画墙壁挂画</div>
                <div>299.00</div>
            </a>
        </div>
        <div class="good">
            <a href="" class="link_a">
                <img src="./images/temp/temp/sec202.jpg" at="">
                <div>新中式客厅山水装饰画墙壁挂画</div>
                <div>299.00</div>
            </a>
        </div>
        <div class="good">
            <a href="" class="link_a">
                <img src="./images/temp/temp/sec203.jpg" at="">
                <div>新中式客厅山水装饰画墙壁挂画</div>
                <div>299.00</div>
            </a>
        </div>
        <div class="good">
            <a href="" class="link_a">
                <img src="./images/temp/temp/sec204.jpg" at="">
                <div>新中式客厅山水装饰画墙壁挂画</div>
                <div>299.00</div>
            </a>
        </div>
        <div class="good">
            <a href="" class="link_a">
                <img src="./images/temp/temp/sec205.jpg" at="">
                <div>新中式客厅山水装饰画墙壁挂画</div>
                <div>299.00</div>
            </a>
        </div>
        <div class="good">
            <a href="" class="link_a">
                <img src="./images/temp/temp/sec206.jpg" at="">
                <div>新中式客厅山水装饰画墙壁挂画</div>
                <div>299.00</div>
            </a>
        </div>

        </div>
      </div>
      <div class="category3">
        <div class="title">
          <img src="./images/temp/tit03.jpg" alt="">
        </div>
        <div class="menu">
          <div class="order">
            <a href="" class="link_a"><img src="./images/temp/temp/sec301.jpg" alt=""></a>
          </div>
          <div class="details">
            <a href="" class="item link_a">
              <img src="./images/temp/temp/sec302.jpg" alt="">
              <div>新中式客厅山水装饰画墙壁挂画</div>
              <div>299.00</div>
            </a>
            <a href="" class="item link_a">
              <img src="./images/temp/temp/sec302.jpg" alt="">
              <div>新中式客厅山水装饰画墙壁挂画</div>
              <div>299.00</div>
            </a>
            <a href="" class="item link_a">
              <img src="./images/temp/temp/sec302.jpg" alt="">
              <div>新中式客厅山水装饰画墙壁挂画</div>
              <div>299.00</div>
            </a>
            <a href="" class="item link_a">
              <img src="./images/temp/temp/sec302.jpg" alt="">
              <div>新中式客厅山水装饰画墙壁挂画</div>
              <div>299.00</div>
            </a>
          </div>
        </div>
      </div>
      <div class="category4">
        <div class="title">
            <img src="./images/temp/tit04.jpg" alt="">
        </div>
        <div class="show">
          <div class="top">
            <div class="left">
              <a href="" class="link_a">
                <img src="./images/temp/temp/sec401.jpg" alt="">
              </a>
            </div>
            <div class="right">
              <a href="" class="link_a">
                <img src="./images/temp/temp/sec402.jpg" alt="">
              </a>
            </div>
          </div>
          <div class="bottom">
            <div>
              <a href="" class="link_a">
                <img src="./images/temp/temp/sec403.jpg" alt="">
                <div>新中式客厅山水装饰画墙壁挂画</div>
                <div>299.00</div>
              </a>
            </div>
            <div>
              <a href="" class="link_a">
                <img src="./images/temp/temp/sec404.jpg" alt="">
                <div>新中式客厅山水装饰画墙壁挂画</div>
                <div>299.00</div>
              </a>
            </div>
            <div>
              <a href="" class="link_a">
                <img src="./images/temp/temp/sec405.jpg" alt="">
                <div>新中式客厅山水装饰画墙壁挂画</div>
                <div>299.00</div>
              </a>
            </div>
          </div>
        </div>
      </div>
    </main>
    <!-- 页脚 -->
    <footer>
      <div class="promise">
        <div class="promiser">
          <a href="" class="link_a">
            <img class="margin" src="./images/foot1.png" alt="" />
          </a>
          <div>7天无理由退货</div>
        </div>
        <div class="promiser">
          <a href="" class="link_a">
            <img class="margin" src="./images/foot2.png" alt="" />
          </a>
          <div>15天免费换货</div>
        </div>
        <div class="promiser">
          <a href="" class="link_a">
            <img class="margin" src="./images/foot3.png" alt="" />
          </a>
          <div>满599包邮</div>
        </div>
        <div class="promiser">
          <a href="" class="link_a">
            <img class="margin" src="./images/foot4.png" alt="" />
          </a>
          <div>手机特色服务</div>
        </div>
      </div>
      <div class="copyright">
        蜗牛家居©2019-2021公司版权所有 京ICP备080100-xx号<br />
        违法和不良信息举报电话：400-800-8200，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
      </div>
    </footer>
    <!-- 页脚 结束-->
</body>
</html>